﻿<link href="~/Areas/CMS/Content/app.MultiMedia.css" rel="stylesheet" />
<section class="content-header">
    <h1>
        附件管理
    </h1>
    <ol class="breadcrumb">
        <li><a href="@Url.Action("Index", "Home")"><i class="fa fa-home"></i> 首页</a></li>
        <li class="active">VIU</li>
    </ol>
</section>

<div class="content">
    <div class="row">
        <div class="col-md-3 col-sm-4">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <div class="file-manager">
                        <h5>显示：</h5>
                        <a href="#" class="file-control active">所有</a>
                        <a href="#" class="file-control">文档</a>
                        <a href="#" class="file-control">视频</a>
                        <a href="#" class="file-control">图片</a>
                        <div class="hr-line-dashed"></div>
                        <button class="btn btn-primary btn-block">上传文件</button>
                        <div class="hr-line-dashed"></div>
                        <h5>文件夹</h5>
                        <ul class="folder-list" style="padding: 0">
                            <li>
                                <a href="#"><i class="fa fa-folder"></i> 文件</a>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-folder"></i> 图片</a>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-folder"></i> Web页面</a>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-folder"></i> 插图</a>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-folder"></i> 电影</a>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-folder"></i> 书籍</a>
                            </li>
                        </ul>
                        <h5 class="tag-title">标签</h5>
                        <ul class="tag-list list-unstyled" style="padding: 0">
                            <li>
                                <a href="#">爱人</a>
                            </li>
                            <li>
                                <a href="#">工作</a>
                            </li>
                            <li>
                                <a href="#">家庭</a>
                            </li>
                            <li>
                                <a href="#">孩子</a>
                            </li>
                            <li>
                                <a href="#">假期</a>
                            </li>
                            <li>
                                <a href="#">音乐</a>
                            </li>
                            <li>
                                <a href="#">照片</a>
                            </li>
                            <li>
                                <a href="#">电影</a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-9 col-sm-8 animated fadeInRight">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>

                                <div class="icon">
                                    <i class="fa fa-file"></i>
                                </div>
                                <div class="file-name">
                                    Document_2014.doc
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>

                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>
                                @*<div class="image"><i class="fa fa-image"></i></div>*@
                                <div class="icon"><i class="fa fa-image"></i></div>
                                <div class="file-name">
                                    Italy street.jpg
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>

                        </div>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>

                                <div class="icon"><i class="fa fa-image"></i></div>
                                <div class="file-name">
                                    My feel.png
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>

                                <div class="icon">
                                    <i class="fa fa-music"></i>
                                </div>
                                <div class="file-name">
                                    Michal Jackson.mp3
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>

                                <div class="icon"><i class="fa fa-image"></i></div>
                                <div class="file-name">
                                    Document_2014.doc
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>

                                <div class="icon">
                                    <i class="img-responsive fa fa-film"></i>
                                </div>
                                <div class="file-name">
                                    Monica's birthday.mpg4
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="file-box">
                        <a href="#">
                            <div class="file">
                                <span class="corner"></span>

                                <div class="icon">
                                    <i class="fa fa-bar-chart-o"></i>
                                </div>
                                <div class="file-name">
                                    Annual report 2014.xls
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>

                                <div class="icon">
                                    <i class="fa fa-file"></i>
                                </div>
                                <div class="file-name">
                                    Document_2014.doc
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>

                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>

                                <div class="icon"><i class="fa fa-image"></i></div>
                                <div class="file-name">
                                    Italy street.jpg
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>

                        </div>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>
                                <div class="icon"><i class="fa fa-image"></i></div>
                                <div class="file-name">
                                    My feel.png
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>

                                <div class="icon">
                                    <i class="fa fa-music"></i>
                                </div>
                                <div class="file-name">
                                    Michal Jackson.mp3
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>
                                <div class="icon"><i class="fa fa-image"></i></div>
                                <div class="file-name">
                                    Document_2014.doc
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>

                                <div class="icon">
                                    <i class="img-responsive fa fa-film"></i>
                                </div>
                                <div class="file-name">
                                    Monica's birthday.mpg4
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="file-box">
                        <a href="#">
                            <div class="file">
                                <span class="corner"></span>

                                <div class="icon">
                                    <i class="fa fa-bar-chart-o"></i>
                                </div>
                                <div class="file-name">
                                    Annual report 2014.xls
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>

                                <div class="icon">
                                    <i class="fa fa-file"></i>
                                </div>
                                <div class="file-name">
                                    Document_2014.doc
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>

                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>
                                <div class="icon"><i class="fa fa-image"></i></div>
                                <div class="file-name">
                                    Italy street.jpg
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>

                        </div>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>
                                <div class="icon"><i class="fa fa-image"></i></div>
                                <div class="file-name">
                                    My feel.png
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>

                                <div class="icon">
                                    <i class="fa fa-music"></i>
                                </div>
                                <div class="file-name">
                                    Michal Jackson.mp3
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>
                                <div class="icon"><i class="fa fa-image"></i></div>
                                <div class="file-name">
                                    Document_2014.doc
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="file-box">
                        <div class="file">
                            <a href="#">
                                <span class="corner"></span>

                                <div class="icon">
                                    <i class="img-responsive fa fa-film"></i>
                                </div>
                                <div class="file-name">
                                    Monica's birthday.mpg4
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="file-box">
                        <a href="#">
                            <div class="file">
                                <span class="corner"></span>

                                <div class="icon">
                                    <i class="fa fa-bar-chart-o"></i>
                                </div>
                                <div class="file-name">
                                    Annual report 2014.xls
                                    <br />
                                    <small>添加时间：2014-10-13</small>
                                </div>
                            </div>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>